<template>
  <div class="wh hide" id="wrap">
    <div class="page1 page">
      <div class="container" id="scroller">
        <div class="content">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1.jpg">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-1.png" class="img-title">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-2.png" class="btn btn-rule clipboard">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-3.png" class="btn btn-prize clipboard">
          <div class="rotateWrap">
            <img id="rotatebg" src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-4.png" class="rotateBg wh">
            <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-5.png" class="zhizhen wh">
            <div class="zhiBtn"></div>
          </div>
          <p class="p-number p-wg"></p>

          <p class="p-count"></p>
          <!-- 获取领奖通知 -->
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn1.png" class="btn btn-baoming">
          <!-- 更多详情 -->
          <wx-open-launch-weapp id="launch-btn" username="gh_6ff1a2e53c11" path="/pages/project/index.html?query={&quot;objId&quot;:8187,&quot;cityid&quot;:320500,&quot;name&quot;:&quot;new&quot;}" style="width: 100%;left: 0%;;position:absolute;top:48%;">
            <template>
              <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-8.png" style="width: 54%;margin-left: 23%">
            </template>
          </wx-open-launch-weapp>
          <!-- 领取购房优惠 -->
          <!-- <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn5.png" class="btn btn-coupon"> -->
          <!-- 预约看房 -->
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn6.png" class="btn btn-yuyue">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-6.png" class="btn btn-tel clipboard" onclick="click_tel()">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/1-7.png" class="btn btn-map clipboard" onclick="click_map()">

          <wx-open-launch-weapp id="launch-btn" username="gh_6ff1a2e53c11" path="/pages/project/index.html?query={&quot;objId&quot;:8187,&quot;cityid&quot;:320500,&quot;name&quot;:&quot;new&quot;}" style="width: 100%;left: 0%;;position:absolute;top:85%;">
            <template>
              <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn7.png" style="width: 40%;margin-left: 30%">
            </template>
          </wx-open-launch-weapp>
        </div>
      </div>
      <div class="page_arrow_bottom"></div>
    </div>
    <!-- 规则页面  -->
    <div class="rulePage pageh shipei">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/2.jpg" class="wh">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn2.png" class="btn btn-back">
    </div>
    <!-- 奖品页面 -->
    <div class="pageh prizePage shipei">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/3.jpg" class="wh">
      <div class="prizeBox">
        <div class="btnBox">
          <p class="bget active">未领奖</p>
          <p class="balget">已领奖</p>
        </div>
        <div class="titleBox"><span>奖品名称</span><span>中奖时间</span><span>操作</span></div>
        <div class="listBox">
          <div class="conBox">

          </div>
        </div>
      </div>
      <p class="tianji-level"></p>
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn2.png" class="btn btn-back1">
    </div>
    <!-- 核销页面 -->
    <div class="hxPage pageh">
      <div class="hxBox wh">
        <input type="text" name="hxCode" class="hxCode" placeholder="请输入核销码">
        <span class="hx_back">返回</span>
        <span class="btn-ok">提交</span>
      </div>
    </div>
    <!-- 中奖界面 -->
    <div class="page10 pageh shipei">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/5.png" class="goods">
      <p class="goods-kind"></p>
      <p class="goods-name"></p>
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn4.png" class="btn9 goods-btn clipboard">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn3.png" class="btn10 goods-btn hide">
    </div>
    <!-- 报名 -->
    <div id="baoming" class="page enroll hide shipei">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/4.png" class="baoming_bg">
      <div class="apply">
        <div class="name">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/4-1.png" class="name-tel">
          <input type="text" id="zj_name" placeholder="请输入您的姓名">
        </div>
        <div class="tel">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/4-1.png" class="name-tel">
          <input type="text" id="zj_tel" placeholder="请输入您的电话">
        </div>
      </div>
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn13.png" class="btn_back">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn5.png" class="btn_save">
    </div>
    <!-- 预约 -->
    <div id="yuyue" class="page enroll hide shipei">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/7.png" class="baoming_bg">
      <div class="apply" style="top: 48.5%;">
        <div class="name">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/4-1.png" class="name-tel">
          <input type="text" id="yy_name" placeholder="请输入您的姓名">
        </div>
        <div class="tel">
          <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/4-1.png" class="name-tel">
          <input type="text" id="yy_tel" placeholder="请输入您的电话">
        </div>
      </div>
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn13.png" class="btn_back">
      <img src="https://oss.tianjiyunke.com/act/Lottery/HongTu.G.201227/btn5.png" class="btn_save">
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'home',
  components: {
    HelloWorld
  },
  methods: {
    changeLanguage () {
      this.$i18n.locale = this.$i18n.locale === 'zh-CN' ? 'en-US': 'zh-CN'
    }
  }
}
</script>
